body {font: normal 14px/1 "Microsoft Yahei",Arial,Simsun,sans-serif; color: #333; max-width:1440px; margin:0 auto; background: #fff;  }

a{ color: inherit;}
a:hover, a:focus{ color: inherit; text-decoration: none;}
.links a:hover{ color: #c40000; text-decoration: underline;}
ul,ol,.navbar,h1, .h1, h2, .h2, h3, .h3,p{ margin: 0; padding: 0;}
h1, .h1, h2, .h2, h3, .h3{ font-weight: 700;}
input:focus,textarea:focus{ outline: none;}

.f16{ font-size: 16px; line-height: 36px;}
.text-overflow-1{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.text-overflow-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-overflow-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


/*top*/
.top{ line-height: 36px; background: #e6e6e6;}
.top li{ float: left;}
.top-tel{ color: #f20000;}
.top-qq{ margin: 0 20px 0 25px;}
.top i{ position: relative; top: 2px; font-size: 17px; color: #3598dc; margin-right: 3px;}

/*daohang*/
.daohang{ }


.daohang .logo{ padding-top: 19px; }
.daohang .logo h1{ padding-right: 12px; border-right: 1px solid #808080; margin-right: 12px;}
.daohang .logo a{ display: block; font-size: 0; width: 125px; height: 52px; background: url("../images/logo.png") no-repeat center;}
.daohang .logo p{ line-height: 24px; }
.daohang .logo b{ display: block; font-size: 18px; font-weight: 400; }


.navbar{ margin-top: 20px;}
.navbar > li{ position: relative; float: left; padding: 0 10px 15px;}
.navbar > li > a{ display: block; padding: 0 5px; line-height: 52px; font-size: 18px; border-bottom: 3px solid transparent;}
.navbar > li + li{ background: url("../images/nav-bg.jpg") no-repeat 0 18px;}
.nav-sub{ display: none; position: absolute; left: 50%; top: 70px; margin-left: -90px; width: 180px; padding: 15px 0; border-bottom: 3px solid #49a2df; background: rgba(255,255,255,.95); z-index: 99 }
.nav-sub a{ display: block; line-height: 36px; font-size: 16px; text-align: center;}
.navbar > li:hover > a{ border-color: #3598dc;}
.navbar > li:hover .nav-sub{ display: block; }

/*biaoge*/
.biaoge{ width: 100%; max-width: 900px; margin: 0 auto; border-collapse: collapse; }
.biaoge td, .biaoge th{ border: 1px solid; line-height: 1.3; padding: 5px; font-size: 14px;}

.biaoge-gongshi{ background: #0156A9; color: #fff;}
.biaoge-gongshi caption{ background: #0156A9; padding: 10px 0; text-align: center; font-size: 18px; font-weight: 700; color: #fff; border: 1px solid; border-bottom: 0;}
.biaoge-gongshi tfoot{ text-align: center; }




/*footer*/
.footer{ background: #e6e6e6;}
.footer-top{ padding: 20px 0 20px;}
.footer dl{ float: left; margin-right: 90px; line-height: 40px; margin-bottom: 0;}
.footer dt{ font-size: 20px; line-height: 48px; }
.footer dd{ line-height: 30px; }

.footer-wechat{ width: 40%;}
.footer-wechat .pic{ padding-top: 26px; margin-right: 65px; }
.footer-wechat h3{ margin-bottom: 5px; font-size: 18px; line-height: 48px; font-weight: 700; border-bottom: 1px solid; }
.footer-wechat p{ line-height: 30px; }
.footer .copy{ background:#0496cf; color: #fff; padding: 17px 0; line-height: 28px; }

/*bottom*/
.bottom{ position: fixed; bottom: 0; left: 0; max-width: 720px; width: 100%; z-index:99; }
.bottom ul > li{ position: relative; float: left; width: 25%; padding: 6px 0; text-align: center; color: #fff; background: #c40000; cursor: pointer;}
.bottom ul > li:hover{ background: #d32e26;}
.bottom h3{ font-size: 13px; font-weight: 400;}
.bottom i{ display: inline-block; font-size: 24px; line-height: 22px; margin-bottom: 6px; }
.bottom .icon-product{ font-size: 20px; }
.bottom .icon-fangan{ font-size: 20px; }
.bottom .icon-chat{ font-size: 23px; }
.bottom ol{ position: absolute; left: 0; bottom: 53px; width: 100%;}
.bottom ol li{ text-align: center; line-height: 34px; color: #000; background: #e1e1e1; border: 1px solid #b4b4b4; }
.bottom ol li + li{ border-top: 0;}
.bottom ol a{ display: block;}
.bottom ol li:hover{ background: #fa3c3c; color: #fff;}
@media screen and (min-width: 720px){
    .bottom { left: 50%; margin-left: -360px; }
}


.crumbs{ line-height: 56px; font-size: 17px;}

.i-box1{ padding: 60px 0;}


/*index-choose*/
.i-c-hd{ width: 23%;}
.i-c-hd li{ position: relative; padding-left: 105px; font-size: 28px; line-height: 82px; background: #d9d9d9; cursor: pointer;}
.i-c-hd li + li{ margin-top: 8px;}
.i-c-hd li i{ position: absolute; left: 50px; top: 50%; margin-top: -19px; font-size: 38px; color: #3598dc;}
.i-c-hd li.on,.i-c-hd li:hover{ background: #3598dc; color: #fff;}
.i-c-hd li.on i,.i-c-hd li:hover i{ color: #fff;}
.i-c-bd{ width: 74.83%;}
.i-c-item{ display: none;}
.i-c-bd ul{ padding: 17px 0; background: #d9d9d9;}
.i-c-bd li{ float: left; width: 25%; text-align: center; font-size: 16px;}
.i-c-bd li span{ display: block; margin-bottom: 10px; font-size: 20px; color: #3598dc;}
.i-c-bd li b{ font-size: 50px; font-weight: 400;}




/*pages*/
.pages{ text-align: center; }
.pages a, .pages b { display: inline-block; padding: 11px 14px; margin: 0 5px; font-size: 14px; border: 1px solid #b4b4b4; border-radius: 3px; }
.pages b, .pages a:hover { color: #fff!important; background: #0496cf; border-color: #0496cf; }


.gotop{ background: url(../../zhongda/images/query-tag.jpg) no-repeat bottom center; position: fixed; right: 1px; bottom: 96px; cursor: pointer;}
/* query-tag */
.query-tag { position: fixed; right: 1px; bottom: 91px; z-index: 9998; }
.query-tag { position: fixed; right: 1px; bottom: 91px; z-index: 9998; margin-bottom:90px;  background: url(../../zhongda/images/query-tag.jpg) no-repeat 0 0;}
.query-tag a , .gotop{ display: block; width: 110px; height: 85px; margin-top: 1px; text-align: center; font-size: 14px; line-height: 130px; }
.query-cover { position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); display: none; }
.query-pop { position: fixed; left: 50%; top: 50%; z-index: 20000; width: 400px; height: 230px; padding-top: 15px; margin-left: -200px; margin-top: -120px; background: #fff; display: none; }
.query-pop .tel { overflow: hidden;}
.query-pop .tel .input-wrap,
.query-pop .tel .btn-wrap { float: left; }
.query-pop .tel .input-wrap { width: 188px; height: 39px; border-bottom: 1px solid #333;  margin-right: 10px; }
.query-pop .tel .btn-wrap { width: 120px; }
.query-pop .tel .input-wrap input { border: 0; height: 39px; line-height: 39px; padding: 0; font-size: 20px; }
.query-pop .tel,
.query-pop .net { padding: 0 40px; margin: 30px 0; }
.query-pop .btn-wrap a { background: #3598dc; border: none; color: #fff; cursor: pointer; display: block; width: 100%; font-size: 18px; height: 40px; line-height: 38px; text-align: center; }
.query-pop .tip { padding-bottom: 5px; }
.query-pop .close-btn { position: absolute; top: 10px; right: 10px; text-decoration: underline; color: #999; font-size: 12px; width: 25px; height: 25px; text-indent: -100em; overflow: hidden; background: url(../../zhongda/images/pop-closebtn.png) no-repeat center center; }





@media screen and (max-width: 1249px){
    
    .daohang .logo p{ font-size: 15px; }
    .daohang .logo b{ font-size: 18px; }
    .navbar > li{ padding-left: 8px; padding-right: 8px; }
    
    /*footer*/
    .footer dl{ margin-right: 45px;}
    .footer-wechat{ width: 46%;}
    .footer-wechat .pic{ margin-right: 10px;}

    .i-box1{ padding: 50px 0;}

    /*index-choose*/
    .i-c-hd li{ padding-left: 76px; font-size: 26px; line-height: 67px;}
    .i-c-hd li i{ left: 25px;}
    .i-c-bd ul{ padding: 21px 0;}
    .i-c-bd li b{ font-size: 45px;}

}
@media screen and (max-width: 991px){
    
    .daohang .logo h1{ padding-right: 0; margin-right: 0; border-right: 0; }

  
    .navbar > li{ padding: 0 6px 15px;}
    .navbar > li > a{ font-size: 16px;}

    /*footer*/
    .footer dl{ margin-right: 0;}
    .footer dl + dl{ margin-left: 132px;}

    .i-box1{ padding: 40px 0;}

    /*index-choose*/
    .i-c-hd li{ padding-left: 58px; font-size: 22px; line-height: 56px;}
    .i-c-hd li + li{ margin-top: 5px;}
    .i-c-hd li i{ left: 18px; font-size: 30px; margin-top: -15px;}
    .i-c-bd ul{ padding: 22px 0 23px;}
    .i-c-bd li b{ font-size: 38px;}
    
    .query-tag,.gotop{ display: none;}
}

@media screen and (min-width: 992px){
    .navbar > li:hover .nav-sub{ display: block;}


}

@media screen and (max-width: 767px){
    .liubai { margin-top: 60px; }

    .top{ font-size: 12px;}
    .daohang{ padding: 10px 0;}
    
    .daohang .logo{ padding-top: 0; }
    
    .daohang .logo a{ width: 110px; height: 46px; background-size: contain;}
    .nav-tel{ line-height: 46px; font-weight: 700; font-size: 18px; color: #c40000;}

    .i-box1{ padding: 30px 0;}

    /*index-choose*/
    .i-c-hd{ width: 95px; margin-right: 5px;}
    .i-c-hd li{ padding-left: 28px; font-size: 15px; line-height: 40px;}
    .i-c-hd li i{ left: 5px; font-size: 20px; margin-top: -10px;}
    .i-c-bd{ width: auto; float: none!important; overflow: hidden;}
    .i-c-bd ul{ padding: 15px 0 5px;}
    .i-c-bd li{ width: 50%; margin-bottom: 10px; font-size: 12px;}
    .i-c-bd li span{ font-size: 14px;}
    .i-c-bd li b{ font-size: 23px;}
}